www.gusucode.com > 通用型企业网站模版 织梦电子产品公司网站源码(demo70) > 通用型企业网站模版 织梦电子产品公司网站源码(demo70)/www1/templets/23/js/in_ban2.js
$(function(){ (function(){ var curr = 0; var imglen = $(".banImgs li").length; $("#jsNav .trigger").each(function(i){ $(this).click(function(){ this.blur(); curr = i; $(".banImgs li").eq(i).css("z-index","10").siblings("li").css("z-index","1"); $(".banImgs li").eq(i).fadeIn(1000).siblings("li").fadeOut(1000); $(this).siblings(".trigger").removeClass("current").end().addClass("current"); return false; }); }); var pg = function(flag){ //flag:true表示前翻, false表示后翻 if (flag) { if (curr == 0) { todo = (imglen-1); } else { todo = (curr - 1) % imglen; } } else { todo = (curr + 1) % imglen; } $("#jsNav .trigger").eq(todo).click(); }; //前翻 $(".banPrev").click(function(){ pg(true); return false; }); //后翻 $(".banNext").click(function(){ pg(false); return false; }); //自动翻 var timer = setInterval(function(){ todo = (curr + 1) % imglen; $("#jsNav .trigger").eq(todo).click(); },3000); //鼠标悬停在触发器上时停止自动翻 $("#jsNav a,.banPrev,.banNext").hover(function(){ clearInterval(timer); }, function(){ timer = setInterval(function(){ todo = (curr + 1) % imglen; $("#jsNav .trigger").eq(todo).click(); },8000); } ); })(); });